<html>
<head>
<meta charset='utf-8'>
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<img src="ars.jpg" id="ars" /><br>
<button id="anim">Анимация</button>
<script type="text/javascript">
$(function() {
    $('#anim').click(function(){
		$('#ars').animate({
				'margin-left': '+=50',
				width: '-=10',
				height: '-=10'
				},{
				duration: 1000,
				step: function(now, fx) {
					var data = fx.elem.id + ' ' + fx.prop + ': ' + now;
					$('body').append('<div>' + data + '</div>');
				},
				complete: function() {
					alert('Анимация завершена');
				}
		});
    });
});
</script>
</body>
</html>